<template>
	<su-popup :show="state.showModel" type="center" round="3" :isMaskClick="false" @close="closePopup"
		@maskClick="closePopup">
		<view class="materials-popup" @tap="ev => ev.stopPropagation()">
			<view class="popup-header">
				<text class="title">计划社用户协议</text>
				<view class="ss-flex-1"></view>
				<view class="close-btn" @tap="closePopup">
					<uni-icons type="close" size="26" style="color:darkgrey;"></uni-icons>
				</view>
			</view>

			<scroll-view class="materials-list" scroll-y :show-scrollbar="true">
        <view class="scroll-box">
          <p>在计划社微课程网站注册是完全免费的，继续注册前请先阅读服务条款：用户单独承担发布内容的责任。 <br>用户对服务的使用是根据所有适用于服务的地方法律、国家法律和国际法律标准的。</p>
          <h6>用户承诺：<br>一、在本站的网页上发布信息或者利用本站的服务时必须符合中国有关法规，不得在本站的网页上或者利用本站的服务制作、复制、发布、传播以下信息：</h6>
          <p>1) 反对宪法所确定的基本原则的;
            <br>2) 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的;
            <br>3) 损害国家荣誉和利益的;
            <br>4) 煽动民族仇恨、民族歧视，破坏民族团结的;
            <br>5) 破坏国家宗教政策，宣扬邪教和封建迷信的;
            <br>6) 散布谣言，扰乱社会秩序，破坏社会稳定的;
            <br>7) 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的;
            <br>8) 侮辱或者诽谤他人，违反风序良俗，侵害他人合法权益的;
            <br>9) 含有法律、行政法规禁止的其他内容的;</p>
          <h6>二、在本站的网页上发布信息或者利用本站的服务时还必须符合其他有关国家和地区的法律规定以及国际法的有关规定。</h6>
          <h6>三、不利用本站的服务从事以下活动：</h6>
          <p>1) 未经允许，进入计算机信息网络或者使用计算机信息网络资源的;
            <br>2) 未经允许，对计算机信息网络功能进行删除、修改或者增加的;
            <br>3) 未经允许，对进入计算机信息网络中存储、处理或者传输的数据和应用程序进行删除、修改或者增加的;
            <br>4) 故意制作、传播计算机病毒等破坏性程序的;
            <br>5) 从事侵权盗版行为，包括未经允许的拷贝、复制、下载、传播等行为;
            <br>6）其他危害计算机信息网络安全的行为;</p>
          <h6>四、不以任何方式干扰本站的服务。</h6>
          <h6>五、违反承诺的法律责任。</h6>
          <p>用户违反本承诺条款或相关法律法规规定，需对产生的法律责任和造成的经济损失独立承担全部责任</p>
          <h6>六、用户名及密码的安全性。</h6>
          <p>用户务必确保本站用户名及密码的安全性。如果丢失或损坏，造成的损失将由本人承担全部后果。用户对利用该用户名及密码所进行的一切活动负全部责任；因此所衍生的任何损失或损害，计划社微课程不承担任何责任。
            <br>用户不得将账号借予他人或多人使用。如果发现或者有正当的理由怀疑多人共用一个帐号的现象，计划社微课程保留结束或终止该账号的权利。</p>
          <h6>七、遵守本站的所有其他规定和程序。</h6>
          <p>请确认您已仔细阅读了本服务条款，接受本站服务条款全部内容，成为计划社微课程网站的正式用户。用户在享受计划社微课程网站服务时必须完全、严格遵守本服务条款。</p>
        </view>
			</scroll-view>
      <view class="popup-header">
        <text class="title" style="padding-top: 10px;">计划社学员学习协议</text>
      </view>
    <scroll-view class="materials-list" scroll-y :show-scrollbar="true">
      <view class="scroll-box">
      <p>1.学员兑换增值服务或购买课程后即表示同意参加计划社微课程平台课程学习。</p>
      <br>
      <p>2.学员所交纳款项为学习约定科目所需全部费用，计划社微课程工作人员不再收取任何费用，学员应对可能出现的非正当收费予以甄别。</p>
      <br>
      <p>3.因政策变化等非学员个人原因造成计划社微课程平台不能继续提供课程，按照影响程度予以适当退费。</p>
      <br>
      <p>4.学员应妥善保管付款截图，若出现允许的退费的情况，学员应提供付款截图。</p>
      <br>
      <p>5.学员根据《计划社微课程平台退费规定》提出退费申请，学员应向计划社微课程平台提供相应证明，并保证本人所述与提供的证明真实有效。</p>
      <br>
      <p>6.学员应当遵守各项平台规则及甲方制定的相关管理规定，维护正常的课堂秩序，言行合法合规、文明礼貌。</p>
      <br>
      <p>7.在正常的教学过程中，计划社微课程工作人员有权对学员进行规范管理，对扰乱课堂秩序的行为，有权予以制止，学员拒不改正；学员采用隐瞒、欺骗、盗取等手段非法获得计划社微课程平台课程和服务，计划社微课程平台有权根据行为的严重程度给予暂时停课、暂时关闭账户、永久关闭账户、终止服务等相应处理。</p>
      <br>
      <p>8.因乙方违反教学管理情节严重，致使关闭账户、终止服务的，无法正常使用或不提供教学服务所产生责任及损失由学员自行承担，乙方所交纳费用计划社微课程平台不予任何退款。</p>
      <br>
      <p>9.计划社微课程平台内的教学计划、课程、内部资料、各类模拟试题等辅导资料、教学内容和课程账户，仅限购买学员本人使用。未经许可，学员不得擅自提供、转让（不论是否有偿）给他人使用；不得擅自以复制、制作电子文档等当时用于学习以外的其他用途。</p>
      <br>
      <p>10.学员应对计划社微课程平台的辅导资料、教学内容承担保密义务，不得向任何第三方披露、透露、散播或供他人使用。</p>
      <br>
      <p>11.学员违反上述约定，甲方有权关闭账户、终止服务，并要求学员本人对违约行为造成的损失及计划社微课程平台主张权益所支出各项费用承担赔偿责任。</p>
      </view>
    </scroll-view>
        </view>

	</su-popup>
</template>

<script setup>
	import {
		defineProps,
		reactive
	} from 'vue';
	import {
		downloadFile
	} from '@/sheep/helper/download.js';
  import sheep from '@/sheep';
  import SuPopup from '@/sheep/ui/su-popup/su-popup.vue';

	const props = defineProps({
		materials: {
			type: Array,
			default: () => []
		}
	});

	const state = reactive({
		showModel: false
	});

	const showPopup = () => {
		state.showModel = true;
	};

	const closePopup = () => {
		state.showModel = false;
	};

	const handleDownload = (material) => {

		downloadFile(sheep.$url.cdn(material.download_url), material.lesson_name);
	};

	defineExpose({
		showPopup,
		closePopup
	});
</script>

<style lang="scss" scoped>
	@import "@/static/iconfont/iconfont.css";
	.materials-popup {
		width: 800px;
		min-height: 550px;
		background-color: #fff;
		border-radius: 12rpx;
		padding: 8px 25px;
	}

	.popup-header {
		padding: 20rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.title {
		font-size: 22px;
		font-weight: bold;
	}

	.close-btn {
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #999;
		cursor: pointer;
	}

	.materials-list {
		max-height: 280px;
    height: 280px;
    overflow-y: auto;
		padding: 20rpx;
	}

  ::v-deep  .uni-scroll-view ::-webkit-scrollbar {
    width: 8px !important;
    height: auto !important;
    color: #f9f9f9;
    display: block;
  }
  ::v-deep .uni-scroll-view ::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
  }

  h6{
    font-size: 16px;
    font-weight: bold !important;
    line-height: 1.5rem !important;
  }



</style>